:root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  color: var(--text-color);
  background-color: var(--primary-color);
}

/* 主题1: 蓝色主题 - 科技感、稳重 */
[data-theme="blue"] {
  --primary-color: #0F172A;       /* 主题主要颜色 - 蓝色 */
  --text-color: #ECEDF0;   /* 主要文字颜色 - 白色 */
  --secondary-color: #646cff;     /* 辅助主色调 - 紫蓝色 */
  --success-color: #67c23a;       /* 成功状态颜色 - 绿色 */
  --warning-color: #e6a23c;       /* 警告状态颜色 - 橙黄色 */
  --danger-color: #f56c6c;        /* 危险状态颜色 - 红色 */
  --info-color: #909399;          /* 信息状态颜色 - 灰色 */
  --border-color: #4c4d4f;        /* 边框颜色 - 灰色 */
  --card-background: #1a1a1a;     /* 卡片背景色 - 更深的灰色 */
}

/* 主题2: 绿色主题 - 自然、清新 */
[data-theme="green"] {
  --primary-color: #67c23a;       /* 主题主要颜色 - 绿色 */
  --secondary-color: #67c23a;     /* 辅助主色调 - 绿色 */
  --text-color: rgba(255, 255, 255, 0.87);   /* 主要文字颜色 - 白色 */
  --success-color: #67c23a;       /* 成功状态颜色 - 绿色 */
  --warning-color: #e6a23c;       /* 警告状态颜色 - 橙黄色 */
  --danger-color: #f56c6c;        /* 危险状态颜色 - 红色 */
  --info-color: #909399;          /* 信息状态颜色 - 灰色 */
  --background-color: #1f3024;    /* 页面背景色 - 深绿色 */
  --border-color: #3a5f3a;        /* 边框颜色 - 绿灰色 */
  --card-background: #1a251a;     /* 卡片背景色 - 深绿色 */
}

/* 主题3: 紫色主题 - 神秘、优雅 */
[data-theme="purple"] {
  --primary-color: #9b59b6;       /* 主题主要颜色 - 紫色 */
  --secondary-color: #8e44ad;     /* 辅助主色调 - 深紫色 */
  --text-color: rgba(255, 255, 255, 0.87);   /* 主要文字颜色 - 白色 */
  --success-color: #67c23a;       /* 成功状态颜色 - 绿色 */
  --warning-color: #e6a23c;       /* 警告状态颜色 - 橙黄色 */
  --danger-color: #f56c6c;        /* 危险状态颜色 - 红色 */
  --info-color: #909399;          /* 信息状态颜色 - 灰色 */
  --background-color: #2a1f30;    /* 页面背景色 - 深紫色 */
  --border-color: #5d4461;        /* 边框颜色 - 紫灰色 */
  --card-background: #221a2a;     /* 卡片背景色 - 深紫色 */
}

/* 主题4: 橙色主题 - 活力、热情 */
[data-theme="orange"] {
  --primary-color: #e67e22;       /* 主题主要颜色 - 橙色 */
  --secondary-color: #d35400;     /* 辅助主色调 - 深橙色 */
  --text-color: rgba(255, 255, 255, 0.87);   /* 主要文字颜色 - 白色 */
  --success-color: #67c23a;       /* 成功状态颜色 - 绿色 */
  --warning-color: #e6a23c;       /* 警告状态颜色 - 橙黄色 */
  --danger-color: #f56c6c;        /* 危险状态颜色 - 红色 */
  --info-color: #909399;          /* 信息状态颜色 - 灰色 */
  --background-color: #30241f;    /* 页面背景色 - 深橙色 */
  --border-color: #61443a;        /* 边框颜色 - 棕橙色 */
  --card-background: #2a1a15;     /* 卡片背景色 - 深橙色 */
}



